<script setup lang="ts">
import { ref } from 'vue'
import { MoreFilled } from '@element-plus/icons-vue'
</script>

<template>
  <div class="main">
    <div style="display: flex; justify-content: space-between; align-items: center">
      <h1>
        <slot name="title"></slot>
      </h1>
      <slot name="delete"></slot>
    </div>
    <p>
      发布者：
      <slot name="publisher"></slot>
    </p>
    <p>
      <slot name="createTime"></slot>
    </p>
    <el-divider style="margin: 10px 0" border-style="dashed" />
    <div>
      <slot name="content"></slot>
    </div>
  </div>
</template>

<style scoped>
.main {
  margin: 20px;
  padding: 10px;
  background-color: white;
  line-height: 2em;
  border-radius: 10px;
}
</style>
